<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>头部_底部_定定位</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/toubu_dibu_gudingdingwei.css"/>
	</head>
	
	<body>
		
		<!-- 头部开始 -->
		<div class="top">
			<div class="content ">
				
				
				<!-- 不管怎样，浮动完了必须清浮动  否则高度他塌陷  死记硬背，没有为什么-->
				
				<!-- 左浮动 -->
				<div class="fl">
					<img src="../images/logo.png" alt="">
					<ul>
						<li><a href="index.html">课程</a></li>
						<li><a href="zixun.html">资讯</a></li>
						<li><a href="teacher.html">讲师</a></li>
						<li><a href="tiku.html">题库</a></li>
						<li><a href="wenda.html">问答</a></li>
						<div class="cl"></div>
					</ul>
				</div>
				
				<!-- 右浮动 -->
				<div class="fr">
					<a href="denglu.html">sherley</a>
				</div>
				
				<!-- 清浮动 -->
				<div class="cl">
					
				</div> 
				
			</div>
		</div>
		<!-- 头部结束 -->
		
		<!-- 底部开始 -->
		<div class="bottom">
			<div class="content">
				<div>
					<ul>
						<li> <span>关注微信</span><img src="../images/num.png" alt=""></li>
						<li> <span>关注微博</span><img src="../images/wb.png" alt=""></li>
						<div class="cl"></div>
					</ul>
				</div>
				<p>
					<a href="">关于我们</a>|
					<a href="">联系我们</a>|
					<a href="">优秀讲师</a>|
					<a href="">帮助中心</a>|
					<a href="">意见反馈</a>|
					<a href="">加入我们</a>
				</p>
				<p>17素材网 &nbsp;所有&nbsp;晋ICP备12006957号-9</p>
				<p>教学12班&nbsp;&nbsp;杨凌霄</p>
			</div>
		</div>
		<!-- 底部结束 -->
		
		<!-- 固定定位开始 -->
		<div class="gudingdingwei">
			<span class="span1"></span>
			<span class="span2"></span>
			<span class="span3"></span>
			<span class="span4"></span>
		</div>
		
		<!-- 固定定位结束 -->
		
	</body>
</html>
